$('.login a').on('click',function(){
  $('.login').hide().next().show()
})
$('.register a').on('click',function(){
  $('.login').show().next().hide()
})

// ------------------------------注册功能
// 步骤：表单提交->阻止默认行为->手机表单数据(用户名/密码)->ajax提交服务器
$('.register form').on('submit',function(e){
e.preventDefault();
// 收集表单数据
let data = $(this).serialize()
// console.log(data)//查看参数是否和接口一致
$.ajax({
  type:'POST',
  url:'/api/reguser',
  data:data,
success:function(res){
  // 输入框清空，给个注册成功的提示，跳转到登录页面
 if (res.status === 0){
  $('.register .layui-input').val('')
  layer.msg(res.message)
  $('.login').show().next().hide()
 }},
})
})

// ------------------------------完成表单验证
// 1、如何使用layui提供的内置模块（layui提供的功能）
// （1）加载模块，固定语法： let 变量名 = layui.模块名
let form = layui.form;//form是一个对象可以用里面的属性和方法
// （2）；layui支持自定义验证规则
form.verify({
  // 键值对的形式
  // 键（规则名称）：值（数组格式[‘正则表达式’，‘验证不通过时的提示’]）
  // 键（规则名称）：值（函数形式，函数的形参,函数的返回值）
  uname : [/^\S{2,10}$/,'用户名长度必须是2~10位'],
  pwd : [/^\S{6,12}$/,'密码长度必须是6~12位'],
  same: function(val){
    // 形参表示使用改规则的输入框的值（谁用这个规则就代表哪个框）
    // 返回值为验证不通过时的提示
    if($('.pwd').val() !==val ){
      return '两次密码不一致'
    }
  }
})

// ---------------------------------登录功能
$('.login form').on('submit',function(e){
e.preventDefault()
let data = $(this).serialize()
$.ajax({
  type:'POST',
  url:'/api/login',
  data:data,
  success:function(res){
    if(res.status === 0){
      layer.msg(res.message,{time:1500},function(){
        // 跳转之前，先把服务器返回的token存储
        localStorage.setItem('token',res.token)
         // 登录成功跳转到index.html
        location.href = './index.html'
      })
    }
  }
})
})